<template>
	<div>
		<el-menu default-active="2" class="el-menu-vertical-demo" router background-color="#545c64" text-color="#fff"
			active-text-color="#ffd04b" unique-opened>
		
		<el-submenu  v-for="menu in menus" :index="menu.id+''">
			<template slot="title">
				<i class="el-icon-s-grid"></i>
				<span>{{menu.name}}</span>
			</template>
			<ChilrenMenu v-for="item in menu.children" :menu="item"></ChilrenMenu> 
			
		</el-submenu>
		</el-menu>
		
	
		
		<!-- <el-menu default-active="2" class="el-menu-vertical-demo" router background-color="#545c64" text-color="#fff"
			active-text-color="#ffd04b" unique-opened>
			<el-submenu index="1">
				<template slot="title">
					<i class="el-icon-s-grid"></i>
					<span>床位管理</span>
				</template>
				<el-menu-item-group>
					<el-menu-item index="/register1">床位示意图</el-menu-item>
					<el-menu-item index="/register2">床位管控</el-menu-item>
				</el-menu-item-group>
			</el-submenu>
			<el-submenu index="2">
				<template slot="title">
					<i class="el-icon-location"></i>
					<span>评估管理</span>
				</template>
				<el-menu-item-group>
					<el-menu-item index="/user">评估模板</el-menu-item>
					<el-menu-item index="/menu">评估记录</el-menu-item>
				</el-menu-item-group>
			</el-submenu>
			<el-submenu index="3">
				<template slot="title">
					<i class="el-icon-location"></i>
					<span>健康档案管理</span>
				</template>
				<el-menu-item-group>
					<el-menu-item index="/files333">健康档案</el-menu-item>
					<el-menu-item index="/medical_records3332">就诊/询诊记录</el-menu-item>

				</el-menu-item-group>
			</el-submenu>
			<el-submenu index="4">
				<template slot="title">
					<i class="el-icon-location"></i>
					<span>康复管理</span>
				</template>
				<el-menu-item-group>
					<el-menu-item index="/re444">康复登记</el-menu-item>
					<el-menu-item index="/res444">康复计划</el-menu-item>
					<el-menu-item index="/user">用户</el-menu-item>
					<el-menu-item index="/role">角色</el-menu-item>
					<el-menu-item index="/menu">菜单</el-menu-item>
				</el-menu-item-group>
			</el-submenu>
			<el-submenu index="5">
				<template slot="title">
					<i class="el-icon-location"></i>
					<span>客户管理</span>
				</template>
				<el-menu-item-group>
					<el-menu-item index="/AbEnter555">入住登记</el-menu-item>
					<el-menu-item index="/User555">客户信息</el-menu-item>
					<el-menu-item index="/Retreat555">退住登记</el-menu-item>
					<el-menu-item index="/abgout555">外出登记</el-menu-item>
				</el-menu-item-group>
			</el-submenu>
			<el-submenu index="6">
				<template slot="title">
					<i class="el-icon-location"></i>
					<span>膳食管理</span>
				</template>
				<el-menu-item-group>
					<el-menu-item index="/shanshi">膳食日历</el-menu-item>
					<el-menu-item index="/management666">膳食管理</el-menu-item>
				</el-menu-item-group>
			</el-submenu>
			<el-submenu index="7">
				<template slot="title">
					<i class="el-icon-location"></i>
					<span>护理管理</span>
				</template>
				<el-menu-item-group>
					<el-menu-item index="/user">护理级别</el-menu-item>
					<el-menu-item index="/menu">护理内容</el-menu-item>
					<el-menu-item index="/role">护理记录</el-menu-item>
					<el-menu-item index="/menu">用药管理</el-menu-item>

				</el-menu-item-group>
			</el-submenu>
			<el-submenu index="8">
				<template slot="title">
					<i class="el-icon-location"></i>
					<span>健康管家</span>
				</template>
				<el-menu-item-group>
					<el-menu-item index="/user">设置服务对象</el-menu-item>
					<el-menu-item index="/menu">服务关注</el-menu-item>
					<el-menu-item index="/role">日常生活照料</el-menu-item>
					<el-menu-item index="/user">生活提醒</el-menu-item>
					<el-menu-item index="/menu">亲情关怀</el-menu-item>
					<el-menu-item index="/role">投诉反馈</el-menu-item>
					<el-menu-item index="/user">紧急事件处理</el-menu-item>
					<el-menu-item index="/menu">报警设置</el-menu-item>
				</el-menu-item-group>
			</el-submenu>
			<el-submenu index="9">
				<template slot="title">
					<i class="el-icon-location"></i>
					<span>系统设置</span>
				</template>
				<el-menu-item-group>
					<el-menu-item index="/user">基础数据维护</el-menu-item>
					<el-menu-item index="/workingPersonnel1010">工作人员管理</el-menu-item>
				</el-menu-item-group>
			</el-submenu>
		</el-menu> -->



	</div>
</template>

<script>
	import ChilrenMenu from '@/components/childrenMenu.vue'
	export default {
		name: 'Menu',
		components: {
			ChilrenMenu
		},
		data() {
			return {
				menus:[]
			}
		},
		methods: {

		},
		created() {
			this.axios.post('/menu/userPermissionList', response => {
				console.log(response);
				this.menus = response.obj
			})
		}
	}
</script>

<style>
</style>
